<%--
  Created by IntelliJ IDEA.
  User: JiJiang
  Date: 2023/7/9
  Time: 13:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>数据表列表页面</title>

    <%--  bootstarp css样式  --%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/back/css/bootstrap4.6.2/bootstrap.css">

    <%--  jquery 文件  --%>
    <script src="${pageContext.request.contextPath}/back/js/lib/jquery-3.4.1.min.js"></script>
    <%--  bootstrap js文件  --%>
    <script src="${pageContext.request.contextPath}/back/js/lib/bootstrap4.6.2/bootstrap.bundle.min.js"></script>

    <%--  自己封装的ajax js文件  --%>
    <script src="${pageContext.request.contextPath}/back/js/api/common/selfAjax.js"></script>


    <%--  vue2 js文件  --%>
    <script src="${pageContext.request.contextPath}/back/js/lib/vue2/vue@2-dev.js"></script>
    <%--当前页面逻辑处理js文件--%>
    <script src="${pageContext.request.contextPath}/back/js/api/table-list.js"></script>

    <style>

        .table-row-selection {
        }

        .code-pre-type, .code-pre-type-active {

            /*padding: 5px;*/
            line-height: 12px;
            margin: 0 0 0 15px;
            cursor: pointer;
            /*width: 20%;*/
        }

        .code-pre-type-active {

            /*border-bottom: 1px solid rgb(3,155,229);*/

            color: rgb(100, 181, 246);
            font-weight: bold;
        }

        .btn-copy {

            padding: 5px;
            cursor: pointer

        }

        .btn-copy:hover {

            background-color: rgba(80, 80, 80, 0.2);
        }


        .btn-edit-type, .btn-edit-type-active {
            margin: 0 10px 0 0;
            cursor: pointer;
        }

        div[class='btn-edit-type active'], .btn-edit-type-active {
            color: rgb(40, 123, 222);
        }

    </style>

</head>
<body>


<div id="app-table-list">


    <%--  编辑弹窗【start】  --%>
    <div>
        <div class="modal" id="editModal">
            <div class="modal-dialog" style="display: flex;justify-content:center;width: 98%">
                <div class="modal-content" style="width: 90%">

                    <div class="modal-header">
                        <h4 class="modal-title">{{title}}</h4>
                        <button @click="closeTableStructShow" type="button" class="close" data-dismiss="modal">&times;
                        </button>
                    </div>

                    <div class="modal-body">

                        <div style="display: flex">
                            <div :class="'btn-edit-type'+(showTypeName == 'info'?'-active':'')"
                                 @click="editTypeBtnOnClick('info')">基本信息
                            </div>

                            <div :class="'btn-edit-type'+(showTypeName == 'rows'?'-active':'')"
                                 @click="editTypeBtnOnClick('rows')">字段信息
                            </div>

                            <div :class="'btn-edit-type'+(showTypeName== 'tables'? '-active':'')"
                                 @click="editTypeBtnOnClick('tables')">生成信息
                            </div>


                            <%--                            <input :value="codeGenEditData.showTypeName">--%>
                        </div>


                        <div style="height: 600px;overflow-y: auto;display: flex;justify-content: center">


                            <%--基本信息 【start】--%>
                            <div v-show="showTypeName == 'info'"
                                 style="width: 100%;display: flex;justify-content: center">

                                <form style="width: 90%">
                                    <div class="form-group row">
                                        <div class="col-md-6 row">
                                            <label for="tableName" class="col-sm-4 col-form-label">表名</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control-plaintext"
                                                       id="tableName" v-model="codeGenEditData.info.tableName">
                                            </div>
                                        </div>

                                        <div class="col-md-6 row">
                                            <label for="tableComment" class="col-sm-4 col-form-label">表描述</label>
                                            <div class="col-sm-8">
                                                <input type="text" v-model="codeGenEditData.info.tableComment"
                                                       class="form-control" id="tableComment">
                                            </div>
                                        </div>

                                    </div>


                                    <div class="form-group row">
                                        <div class="col-md-6 row">
                                            <label for="className" class="col-sm-4 col-form-label">实体类名</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control-plaintext"
                                                       id="className" v-model="codeGenEditData.info.className">
                                            </div>
                                        </div>

                                        <div class="col-md-6 row">
                                            <label for="functionAuthor" class="col-sm-4 col-form-label">作者</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control"
                                                       v-model="codeGenEditData.info.functionAuthor"
                                                       id="functionAuthor">
                                            </div>
                                        </div>

                                    </div>


                                    <div class="form-group row">
                                        <label for="remark" class="col-md-4 col-form-label">备注</label>
                                        <div class="col-md-8">
                                            <input type="text" v-model="codeGenEditData.info.remark"
                                                   class="form-control" id="remark">
                                        </div>
                                    </div>
                                </form>

                            </div>
                            <%--基本信息 【end】--%>


                            <%--字段信息【start】--%>
                            <div v-show="showTypeName == 'rows'"
                                 style="width: 100%;display: flex;justify-content: center">


                                <%--        数据table                --%>
                                <div class="table-responsive">
                                    <table class="table table-bordered table-hover">

                                        <colgroup>
                                            <col style="width: 100px;">
                                            <col style="width: 200px;">
                                            <col style="width: 180px;">
                                            <col style="width: 150px;">
                                            <col style="width: 150px;">
                                            <col style="width: 600px;">
                                            <col style="width: 150px;">
                                        </colgroup>


                                        <thead class="thead-dark">
                                        <tr class="text-center">
                                            <th scope="col">序号</th>
                                            <th scope="col">字段列名</th>
                                            <th scope="col">字段描述</th>
                                            <th scope="col">物理类型</th>
                                            <th scope="col">JAVA类型</th>
                                            <th scope="col">java属性</th>
                                            <th scope="col">插入</th>
                                            <th scope="col">编辑</th>
                                            <th scope="col">列表</th>
                                            <th scope="col">查询</th>
                                            <th scope="col">查询方式</th>
                                            <th scope="col">必填</th>
                                            <th scope="col">显示类型</th>
                                            <th scope="col">字典类型</th>
                                        </tr>
                                        </thead>


                                        <tbody>
                                        <tr class="text-center" v-for="(item,index) in codeGenEditData.info.columns"
                                            :key="index">
                                            <td>
                                                {{index+1}}
                                            </td>
                                            <td>{{item.columnName}}</td>
                                            <td>{{item.columnComment}}</td>
                                            <td>{{item.columnType}}</td>
                                            <td>{{item.javaType}}</td>
                                            <td>{{item.javaField}}</td>
                                            <td>{{item.isInsert}}</td>
                                            <td>{{item.isEdit}}</td>
                                            <td>{{item.isList}}</td>
                                            <td>{{item.isQuery}}</td>
                                            <td>{{item.queryType}}</td>
                                            <td>{{item.isRequired}}</td>
                                            <td>{{item.htmlType}}</td>
                                            <td>{{item.dictType}}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>


                            </div>
                            <%--字段信息【end】--%>


                            <%--生成信息【start】--%>
                            <div v-show="showTypeName == 'tables'"
                                 style="width: 100%;display: flex;justify-content: center">

                                <form style="width: 90%">

                                    <div class="form-group row">
                                        <div class="col-md-6 row">
                                            <label for="tableName" class="col-sm-4 col-form-label">生成模板</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control-plaintext"
                                                       id="tplCategory" v-model="codeGenEditData.info.tplCategory">
                                            </div>
                                        </div>

                                        <div class="col-md-6 row">
                                            <label for="tableComment" class="col-sm-4 col-form-label">生成包路径</label>
                                            <div class="col-sm-8">
                                                <input type="text" v-model="codeGenEditData.info.packageName"
                                                       class="form-control" id="packageName">
                                            </div>
                                        </div>

                                    </div>


                                    <div class="form-group row">
                                        <div class="col-md-6 row">
                                            <label for="className" class="col-sm-4 col-form-label">生成模板名</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control-plaintext"
                                                       id="moduleName" v-model="codeGenEditData.info.moduleName">
                                            </div>
                                        </div>

                                        <div class="col-md-6 row">
                                            <label for="functionAuthor" class="col-sm-4 col-form-label">生成业务名</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control"
                                                       v-model="codeGenEditData.info.businessName"
                                                       id="businessName">
                                            </div>
                                        </div>

                                    </div>


                                    <div class="form-group row">
                                        <div class="col-md-6 row">
                                            <label for="className" class="col-sm-4 col-form-label">生成功能名</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control-plaintext"
                                                       id="functionName" v-model="codeGenEditData.info.functionName">
                                            </div>
                                        </div>

                                        <div class="col-md-6 row">
                                            <label for="functionAuthor" class="col-sm-4 col-form-label">上级菜单</label>
                                            <div class="col-sm-8">
                                                <input type="text" class="form-control"
                                                       v-model="codeGenEditData.info.parentMenuId"
                                                       id="parentMenuId">
                                            </div>
                                        </div>

                                    </div>


                                    <div class="form-group row">
                                        <div class="col-md-6 row">
                                            <label for="className" class="col-sm-4 col-form-label">生成代码方式</label>
                                            <div class="col-sm-8">


                                                <div class="row">

                                                    <div class="form-check col-sm-4">
                                                        <input class="form-check-input" type="radio" name="genType"
                                                               v-model="codeGenEditData.info.genType" value="0">
                                                        <label class="form-check-label">
                                                            Zip 压缩包
                                                        </label>
                                                    </div>
                                                    <div class="form-check col-sm-4">
                                                        <input class="form-check-input" type="radio" name="genType"
                                                               v-model="codeGenEditData.info.genType" value="1">
                                                        <label class="form-check-label">
                                                            自定义路径
                                                        </label>
                                                    </div>


                                                    <div class="col-sm-4">
                                                        <input type="text" v-show="codeGenEditData.info.genType == '1'"
                                                               class="form-control-plaintext"
                                                               v-model="codeGenEditData.info.genPath">
                                                    </div>

                                                </div>

                                            </div>

                                        </div>


                                    </div>


                                </form>

                            </div>
                            <%--生成信息【end】--%>


                        </div>


                    </div>


                    <div class="modal-footer">


                        <div @click="confirmUpdate" type="button" class="btn btn-primary">
                            确认修改
                        </div>

                        <button type="button" data-dismiss="modal"
                                class="btn btn-secondary">取消
                        </button>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <%--  编辑弹窗【end】  --%>


    <%--  预览弹窗【start】  --%>
    <div>
        <div class="modal" id="previewModal">
            <div class="modal-dialog" style="display: flex;justify-content:center;width: 98%">
                <div class="modal-content" style="width: 90%">

                    <div class="modal-header">
                        <h4 class="modal-title">{{title}}</h4>
                        <button @click="closeTableStructShow" type="button" class="close" data-dismiss="modal">&times;
                        </button>
                    </div>

                    <div class="modal-body">
                        <div style="display: flex;">
                            <div :class="'code-pre-type'+(codePreviewParam.showFileType == 'domain' ? '-active':'')"
                                 @click="codePreviewTypeOnClick('domain')">domain.java
                            </div>

                            <div :class="'code-pre-type'+(codePreviewParam.showFileType == 'mapperXml' ? '-active':'')"
                                 @click="codePreviewTypeOnClick('mapperXml')">mapper.xml
                            </div>

                            <div :class="'code-pre-type'+(codePreviewParam.showFileType == 'mapper' ? '-active':'')"
                                 @click="codePreviewTypeOnClick('mapper')">mapper.java
                            </div>

                            <div :class="'code-pre-type'+(codePreviewParam.showFileType == 'service' ? '-active':'')"
                                 @click="codePreviewTypeOnClick('service')">service.java
                            </div>

                            <div :class="'code-pre-type'+(codePreviewParam.showFileType == 'serviceImpl' ? '-active':'')"
                                 @click="codePreviewTypeOnClick('serviceImpl')">serviceImpl.java
                            </div>

                            <div :class="'code-pre-type'+(codePreviewParam.showFileType =='controller' ? '-active':'')"
                                 @click="codePreviewTypeOnClick('controller')">controller.java
                            </div>
                        </div>
                        <div style="display: flex;justify-content: right">
                            <div class="btn-copy" @click="copyPreviewContent">复制</div>
                        </div>
                        <div style="height: 600px;overflow-y: auto">
                            <pre>
<%--                                <div style="display: none">{{codePreviewParam.showContent}}</div>--%>
                                <div id="codeCopyContent">{{codePreviewParam.showContent}}</div>
                            </pre>
                        </div>
                    </div>


                    <%--                    <div class="modal-footer">--%>

                    <%--                    </div>--%>

                </div>
            </div>
        </div>
    </div>
    <%--  预览弹窗【end】  --%>


    <%--  导入弹窗 【start】  --%>
    <div>
        <div class="modal" id="myModal">
            <div class="modal-dialog" style="display: flex;justify-content:center;width: 98%">
                <div class="modal-content" style="width: 90%">
                    <div class="modal-header">
                        <h4 class="modal-title">{{title}}</h4>
                        <button @click="closeTableStructShow" type="button" class="close" data-dismiss="modal">&times;
                        </button>
                    </div>

                    <div class="modal-body">


                        <%--            数据库表列表            --%>
                        <div v-show="!showTableStructInfo">

                            <%--          查询行              --%>
                            <div>
                                <div class="row">
                                    <%--            数据库选项              --%>
                                    <div style="margin: 10px 0 10px 20px">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <label class="input-group-text" for="databaseSelect">选择数据库</label>
                                            </div>
                                            <select v-model="tableQueryParam.tableSchema"
                                                    @change="databaseSelectOnChange"

                                                    class="form-control"
                                                    id="databaseSelect">
                                                <%-- <option value="">全部</option>--%>
                                                <option v-for="(item,index) in databaseOptions" :key="index"
                                                        :value="item.schemaName">{{item.schemaName}}
                                                </option>

                                            </select>
                                        </div>
                                    </div>

                                    <%--数据库表名--%>
                                    <div style="margin: 10px 0 10px 10px">

                                        <div class="input-group mb-3">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" id="basic-addon1">数据表名</span>
                                            </div>
                                            <input type="text" class="form-control" placeholder="请输入搜索的数据库名"
                                                   aria-label="Username" v-model="tableQueryParam.tableName"
                                                   aria-describedby="basic-addon1">
                                        </div>
                                    </div>


                                    <%--  操作部分--%>
                                    <div style="margin: 10px 0 10px 10px">
                                        <button @click="handleTableListQuery" type="button" class="btn btn-info">查询
                                        </button>
                                        <button @click="resetTableListQuery" type="button" class="btn btn-dark">重置
                                        </button>
                                    </div>


                                </div>
                            </div>


                            <%--        数据table                --%>
                            <div class="table-responsive" style="height:500px;overflow-y:auto">
                                <table class="table table-bordered table-hover">

                                    <colgroup>
                                        <col style="width: 100px;">
                                        <col style="width: 200px;">
                                        <col style="width: 180px;">
                                        <col style="width: 150px;">
                                        <col style="width: 150px;">
                                        <col style="width: 600px;">
                                        <col style="width: 150px;">
                                    </colgroup>


                                    <thead class="thead-dark">
                                    <tr class="text-center">
                                        <th scope="col">
                                            <input @click="tableParentCheckboxOnClick" type="checkbox">
                                        </th>
                                        <th scope="col">序号</th>
                                        <th scope="col">表名</th>
                                        <th scope="col">描述</th>
                                        <th scope="col">所属数据库</th>
                                        <th scope="col">创建时间</th>
                                        <th scope="col">操作</th>
                                    </tr>
                                    </thead>


                                    <tbody>
                                    <tr class="text-center" v-for="(item,index) in tablePagination.list" :key="index">
                                        <td>
                                            <input @click="childCheckboxOnClick"
                                                   :value="item.tableSchema + '.' + item.tableName"
                                                   v-model="selectTableFullNames"
                                                   type="checkbox"
                                                   class="table-row-selection">
                                        </td>
                                        <td>{{index+1}}</td>
                                        <td>{{item.tableName}}</td>
                                        <td>{{item.tableComment}}</td>
                                        <td>{{item.tableSchema}}</td>
                                        <td>{{item.createTime}}</td>
                                        <td>
                                            <div>
                                                <button type="button" class="btn btn-outline-info"
                                                        @click="showTableStruct(item)"
                                                >查看
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                    </tbody>
                                </table>
                            </div>


                            <%--            分页            --%>
                            <div class="container">


                                <div style="display: flex">
                                    <div class="container">
                                        <div class="row">
                                            <div>共{{tablePagination.totalPage}}页</div>
                                            <div>共{{tablePagination.totalCount}}条数据</div>
                                        </div>
                                    </div>

                                    <div>
                                        <%--            分页点击元素                --%>
                                        <nav aria-label="...">
                                            <ul class="pagination">
                                                <li :class="'page-item '+(tableQueryParam.page <2?'disabled':'')"
                                                @click="tablePaginationOnClick('p')">
                                                    <span class="page-link">Previous</span>
                                                </li>
                                                <li :class="'page-item '+(tableQueryParam.page == item?'active':'')"
                                                    @click="tablePaginationOnClick(item)"
                                                    v-for="(item,index) in tablePagination.pageNumList">
                                                    <a class="page-link" href="#">{{item}}</a>
                                                </li>
                                                <li :class="'page-item '+(tableQueryParam.page == tablePagination.totalPage?'disabled':'')"
                                                    @click="tablePaginationOnClick('n')">
                                                    <a class="page-link" href="#">Next</a>
                                                </li>
                                            </ul>
                                        </nav>

                                    </div>

                                </div>


                            </div>
                        </div>


                        <%--            数据库表结构                --%>
                        <div v-show="showTableStructInfo">

                            <%--        字段数据table                --%>
                            <div class="table-responsive" style="height:600px;overflow-y: auto ">
                                <table class="table table-bordered table-hover">

                                    <colgroup>
                                        <col style="width: 200px;">
                                        <col style="width: 200px;">
                                        <col style="width: 180px;">

                                        <col style="width: 150px;">
                                        <col style="width: 150px;">
                                        <col style="width: 600px;">

                                        <col style="width: 150px;">
                                        <col style="width: 150px;">
                                        <col style="width: 150px;">

                                        <col style="width: 150px;">
                                        <col style="width: 150px;">
                                    </colgroup>


                                    <thead class="thead-dark">
                                    <tr class="text-center">


                                        <th scope="col">序号</th>
                                        <th scope="col">字段名</th>
                                        <th scope="col">字段类型</th>

                                        <th scope="col">字段长度</th>
                                        <th scope="col">字段描述</th>
                                        <th scope="col">字段默认值</th>

                                        <th scope="col">是否为主键</th>
                                        <th scope="col">是否为自增</th>
                                        <th scope="col">是否可为空</th>

                                        <th scope="col">所属数据表</th>
                                        <th scope="col">所属数据库</th>

                                    </tr>
                                    </thead>


                                    <tbody>
                                    <tr class="text-center"
                                        v-for="(item,index) in tableColumnPagination.list"
                                        :key="index">
                                        <td>{{index+1}}</td>
                                        <td>{{item.columnName}}</td>
                                        <td>{{item.dataType}}</td>


                                        <td>{{item.columnType}}</td>
                                        <td>{{item.columnComment}}</td>
                                        <td>{{item.columnDefault}}</td>

                                        <td>{{item.columnKey}}</td>
                                        <td>{{item.extra}}</td>
                                        <td>{{item.isNullable}}</td>

                                        <td>{{item.tableName}}</td>
                                        <td>{{item.tableSchema}}</td>

                                    </tr>
                                    </tbody>
                                </table>
                            </div>

                        </div>

                    </div>


                    <div class="modal-footer">
                        <div v-if="!showTableStructInfo" @click="confirmImport" type="button" class="btn btn-primary"
                        >确认导入
                            <%--                            data-dismiss="modal"--%>
                        </div>

                        <button v-if="showTableStructInfo" @click="closeTableStructShow" type="button"
                                class="btn btn-secondary">返回
                        </button>

                    </div>

                </div>
            </div>
        </div>
    </div>
    <%--  导入弹窗 【end】  --%>


    <%-- 主体内容部分 【start】--%>
    <div class="container-fluid">

        <%--   操作栏     --%>
        <div style="margin: 20px">
            <button @click="genTables" type="button" class="btn btn-primary">批量生成</button>
            <button @click="handleImport" type="button" class="btn btn-secondary" data-toggle="modal"
                    data-target="#myModal">导入数据表
            </button>
            <button @click="deleteSelectGenTables" type="button" class="btn btn-danger">批量删除</button>
            <%--            <button id="myBtn" type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">打开</button>--%>
        </div>

        <%--   数据table     --%>
        <div class="table-responsive-md" style="height: 650px;overflow-y: auto">

            <table class="table table-bordered table-hover">
                <thead class="thead-dark">
                <tr class="text-center">
                    <th scope="col">
                        <input @click="genTableParentCheckboxOnClick" type="checkbox">
                    </th>
                    <th scope="col">ID</th>
                    <th scope="col">表名</th>
                    <th scope="col">描述</th>
                    <th scope="col">备注</th>
                    <th scope="col">创建者|创建时间</th>
                    <th scope="col">更新者|更新时间</th>
                    <th scope="col">操作</th>
                </tr>
                </thead>


                <tbody>
                <tr class="text-center" v-for="(item,index) in genTablePagination.list" :key="index">
                    <td>
                        <input @click="childCheckboxOnClick" :value="item.tableId" v-model="selectGenTableIds"
                               type="checkbox"
                               class="table-row-selection">
                    </td>
                    <td>{{item.tableId}}</td>
                    <td>{{item.tableName}}</td>
                    <td>{{item.tableComment}}</td>
                    <td>{{item.remark}}</td>
                    <td>{{item.createBy}}|{{item.createTime}}</td>
                    <td>{{item.updateBy}}|{{item.updateTime}}</td>
                    <td>
                        <div>
                            <button data-toggle="modal" data-target="#previewModal" @click="handlePreview(item)"
                                    type="button" class="btn btn-outline-info">预览
                            </button>
                            <button @click="handleGen(item)" type="button" class="btn btn-outline-primary">生成</button>
                            <button data-toggle="modal" data-target="#editModal" @click="handleEdit(item)" type="button"
                                    class="btn btn-outline-success">编辑
                            </button>
                            <button @click="syncGenTableStruct(item)" type="button" class="btn btn-outline-warning">同步
                            </button>
                            <button @click="handleDelete(item)" type="button" class="btn btn-outline-danger">删除</button>
                        </div>
                    </td>
                </tr>
                </tbody>
            </table>

        </div>


        <%--     底部分页       --%>
        <div class="container">


            <div style="display: flex">
                <div class="container">
                    <div class="row">
                        <div>共{{genTablePagination.totalPage}}页</div>
                        <div>共{{genTablePagination.totalCount}}条数据</div>
                    </div>
                </div>

                <div>
                    <%--            分页点击元素                --%>
                    <nav aria-label="...">
                        <ul class="pagination">
                            <li :class="'page-item '+(genTablePaginationQueryParam.page <2?'disabled':'')"
                                @click="genTablePaginationOnClick('p')">
                                <span class="page-link">Previous</span>
                            </li>


                            <li :class="'page-item '+(item == genTablePaginationQueryParam.page ? 'active':'')"
                                v-for="(item,index) in genTablePagination.pageNumList" :key="index"
                                @click="genTablePaginationOnClick(item)">
                                <a class="page-link" href="#">{{item}}</a>
                            </li>


                            <li :class="'page-item '+(genTablePaginationQueryParam.page == genTablePagination.totalPage ?'disabled':'')"
                                @click="genTablePaginationOnClick('n')">
                                <a class="page-link" href="#">Next</a>
                            </li>

                        </ul>
                    </nav>

                </div>

            </div>


        </div>

    </div>
    <%-- 主体内容部分 【end】--%>


</div>


</body>


</html>

